<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<!-- supperss ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <meta name="keywords" content="有贝口腔网,口腔网,口腔知识,口腔资讯,口腔问答,口腔诊所,口腔厂家,在线看牙">
    <meta name="description" content="有贝口腔网是一家专注互联网口腔服务网站，为用户提供腔知识,口腔资讯,口腔问答,口腔诊所,诊所入住,口腔厂家,厂家入住,在线看牙等综合服务口腔网站">
    <link rel="stylesheet" href="./yb_system_css/swiper.min.css">
    <link rel="stylesheet" href="./yb_system_css/reset.css">
    <link rel="stylesheet" href="./yb_system_css/commone.css">
    <link rel="stylesheet" href="./yb_system_css/commthree.css">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="./yb_system_css/index.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="./yb_system_css/index(1).css">
    <script type="text/javascript" src="./yb_system_js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script type="text/javascript" src="./yb_system_js/common.js"></script>
    <script type="text/javascript" src="./yb_system_js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="./yb_system_js/footfixed.js"></script>
</head>
<body>
<div class="content">
    <div th:replace="public :: header"></div>
    <div class="content-main">
        <div class="man-info">
            <div class="main-tab-left">
                <ul class="main-tab-ul1">
                    <li class="selected"><a th:href="@{/homePage}">咨询</a></li>
                    <li th:each="typeList,typeState:${queryTypeList}" th:if="${typeState.count <= 10}">
                        <a th:href="@{/type(typeId=${typeList.id})}" th:text="${typeList.name}" target="_blank"></a>
                    </li>
                    <li class="more-list">
                        <a href="javascript:void(0);" target="_self">更多</a>
                        <div>
                            <ul>
                                <li th:each="typeList2,typeState:${queryTypeList}" th:if="${typeState.count > 10}">
                                    <a th:href="@{/type(typeId=${typeList2.id})}" th:text="${typeList2.name}"
                                       target="_blank"></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="main-tab-center">
                <div class="swiper-container swiper-container-horizontal" id="case1">
                    <!--图片-->
                    <div class="swiper-wrapper"
                         style="transform: translate3d(-3228px, 0px, 0px); transition-duration: 0ms;">
                        <div class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev"
                             data-swiper-slide-index="2" style="width: 807px;">
                            <a href="http://localhost:9998/homePage"><img src="./yb_system_picture/877f6bf6562c4c7fbb9b30d4bdec7c73.jpg" alt="有贝口腔,爱牙优选,西部口腔展"></a>
                        </div>
                        <div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0"style="width: 807px;">
                            <a href="http://localhost:9998/homePage"><img src="./yb_system_picture/d95160b5916c4c81b86ec39490754fef.png" alt="有贝口腔网,口腔健康"></a>
                        </div>
                        <div class="swiper-slide" data-swiper-slide-index="1" style="width: 807px;">
                            <a href="http://localhost:9998/homePage"><img src="./yb_system_picture/acf6ecc1553c484e82d8d4a0218be170.jpg" alt="有贝口腔,爱牙优选,北京丝桐"></a>
                        </div>
                        <div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="2" style="width: 807px;">
                            <a href="http://localhost:9998/homePage"><img src="./yb_system_picture/877f6bf6562c4c7fbb9b30d4bdec7c73.jpg" alt="有贝口腔,爱牙优选,西部口腔展"></a>
                        </div>
                        <div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" style="width: 807px;">
                            <a href="http://localhost:9998/homePage"><img src="./yb_system_picture/d95160b5916c4c81b86ec39490754fef.png" alt="有贝口腔网,口腔健康"></a>
                        </div>
                    </div>
                    <!-- 导航按钮 上一页下一页 -->
                    <div class="swiper-button-prev" style="background-size: 101%;" tabindex="0" role="button" aria-label="Previous slide"></div>
                    <div class="swiper-button-next" style="background-size: 101%;" tabindex="0" role="button" aria-label="Next slide"></div>
                    <!-- 分页器 -->
                    <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                        <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span>
                        <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>
                        <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span>
                    </div>
                    <!-- 滚动条 -->
                    <!-- <div class="swiper-scrollbar"></div> -->
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                </div>

                <div class="box-bg-shadow">
                    <div class="main-info-list">
                        <div class="list-item">
                            <ul class="list-item-tab">
                                <li th:onclick="|clickType(this,10)|">
                                    <a class="main-tab-active" href="javascript:;" target="_self">推荐</a>
                                </li>
                                <li th:onclick="|clickType(this,15)|">
                                    <a href="javascript:;" target="_self">热榜</a>
                                </li>
                                <li th:onclick="|clickType(this,20)|">
                                    <a href="javascript:;" target="_self">最新</a>
                                </li>
                            </ul>
                        </div>
                        <div id="myContentList" >
                            <div class="list-item"  th:each="list:${data}">
                                <div class="list-item-content"  th:if='${list.getType()} eq 10'>
                                    <!--咨询-->
                                    <div class="list-item-content-left" th:if="${list.getPhoto_path() != '' && list.getPhoto_path() != null}">
                                        <a target="_blank" th:href="@{/articleDetail(articleId=${list.getId()})}">
                                            <img alt="有贝口腔网" th:src="@{${list.getPhoto_path()}}">
                                        </a>
                                    </div>
                                    <div class="list-item-content-right">
                                        <div class="list-item-title">
                                            <a target="_blank" th:href="@{/articleDetail(articleId=${list.getId()})}" th:text="${list.getQuestion()}"></a>
                                        </div>
                                        <div class="list-item-content-text">
                                            <a target="_blank" th:href="@{/articleDetail(articleId=${list.getId()})}" th:text="${list.getIntroduce()}"></a>
                                        </div>
                                        <div class="list-item-jilu">
                                            <div class="list-item-infoma-left">
                                                <a class="list-item-type" target="_blank" th:href="@{/type(typeId=${list.getType_id()})}" th:text="${list.name}"></a>
                                                <span class="list-item-time" th:text="${list.time}"></span>
                                                <a target="_blank" th:href="@{/articleDetail(articleId=${list.getId()})}">
                                                    <img alt="有贝口腔网" src="./yb_system_picture/icon_Browse.png">
                                                    <span class="liulan-text" th:text="${list.getRead_num()+'阅读'}"></span>
                                                </a>
                                                <a class="item-pinglun-img" target="_blank"
                                                   th:href="@{/articleDetail(articleId=${list.getId()})}">
                                                    <img alt="有贝口腔网" src="./yb_system_picture/icon_News.png">
                                                    <span class="liulan-text"  th:text="${list.getCollect_num()+'评论'}"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="list-item-title" th:if="${list.getType()} eq 20 and ${list.getUid()} ne null">
                                    <!-- 是问题 -->
                                    <a target="_blank" th:href="@{/askAnswerDetail(id=${list.getId()})}" th:text="${list.getQuestion()}"></a>
                                </div>
                                <div class="list-item-content-index" th:if="${list.getType()} eq 20">
                                    <div class="text-ansower-user">
                                        <a class="list-item-infoma-user" target="_blank" th:href="@{/userHomepage(id=${list.getUid()})}">
                                            <img th:if="${list.getPhoto2() != null}" th:src="${list.getPhoto2()}">
                                            <img th:if="${list.getPhoto2() == null}" src="./yb_system_picture/user_Default.png">
                                            <span class="user-name" th:text="${list.getUname()}"></span>
                                        </a>
                                        <p class="text-ansower-p">
                                            <span class="text-ansower-huida">[回答内容]</span>
                                        </p>
                                    </div>
                                    <p class="text-ansower-content">
                                        <a target="_blank" th:href="@{/askAnswerDetail(id=${list.getId()})}" th:text="${list.getIntroduce()}"> </a>
                                    </p>
                                </div>
                                <div class="list-item-jilu" th:if="${list.getType()} eq 20">
                                    <div class="list-item-jilu-left">
                                        <a class="list-item-type" target="_blank" th:href="@{/type(typeId=${list.getType_id()})}" th:text="${list.getName()}"></a>
                                        <a class="list-item-infoma-user" target="_blank"
                                           th:href="@{/userHomepage(id=${list.getUser_id()})}">
                                            <img alt="有贝口腔网" th:src="${list.getPhoto_path()}">
                                            <span th:text="${list.getNickname()}"></span>
                                        </a>
                                        <span class="list-item-time" th:text="${list.time}"></span>
                                        <span class="dotted"></span>
                                        <a class="list-item-huida" target="_blank" th:href="@{/askAnswerDetail(id=${list.getId()})}" th:text="${list.getAnswer_num()+' 回答'}"></a>
                                        <span class="dotted"></span>
                                        <a class="list-item-collation" target="_blank" th:href="@{/askAnswerDetail(id=${list.getId()})}" th:text="${list.getCollect_num()+' 收藏'}"></a>
                                        <a class="item-pinglun-img" target="_blank"
                                           th:href="@{/askAnswerDetail(id=${list.getId()})}">
                                            <img alt="有贝口腔网" src="./yb_system_picture/icon_Browse.png">
                                            <span class="liulan-text" th:text="${list.getRead_num()+'阅读'}"></span>
                                        </a>
                                    </div>
                                    <div class="list-item-infoma-right">
                                        <a class="link-tomore" target="_blank" th:href="@{/askAnswerDetail(id=${list.id})}">邀请你回答</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="more-content">
                            <div class="load-more" style="display:none;">
                                <img alt="有贝口腔网" src="./yb_system_picture/load-more.gif">
                                <span>加载中</span>
                            </div>
                            <div class="load-more-two load-more-fade" onclick="loadData()">点击加载更多</div>
                            <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="aside-left">
                <div class="wonderful-top">
                    <div class="top-list top-list-one">
                        <div>
                            <a class="write-artical" href="javascript:;" id="test2" target="_self">
                                <img src="./yb_system_picture/icon_Questions.png" alt="有贝口腔网">
                                <span>写文章</span>
                            </a>
                        </div>
                        <div>
                            <a href="javascript:;" target="_self" id="qa">
                                <img src="./yb_system_picture/icon_Articles.png" alt="有贝口腔网">
                                <span>提问题</span>
                            </a>
                        </div>
                    </div>
                    <div class="top-list top-list-two">
                        <div>
                            <a href="javascript:;" target="_self" onclick="showPlanFun()">
                                <img src="./yb_system_picture/Dentist.png" alt="有贝口腔网">
                                <span>网上看牙</span>
                            </a>
                        </div>
                        <div>
                            <a th:href="@{/about(aboutId=2)}" target="_blank">
                                <img src="./yb_system_picture/Factory.png" alt="有贝口腔网">
                                <span>厂家入驻</span>
                            </a>
                        </div>
                        <div>
                            <a th:href="@{/about(aboutId=2)}" target="_blank">
                                <img src="./yb_system_picture/Hospital.png" alt="有贝口腔网">
                                <span>诊所入驻</span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">图文热搜</div>
                    <div class="wonderful-list">
                        <div class="wonderful-item" th:each="expertRecommendList:${expertRecommendList}">
                            <a th:href="@{/articleDetail(articleId=${expertRecommendList.id})}">
                                <div class="wonderful-item-img">
                                    <img th:src="${expertRecommendList.photoPath}"  alt="有贝口腔网预防牙周病要做好这些！">
                                </div>
                                <div class="wonderful-item-text" th:text="${expertRecommendList.title}"></div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">最新创作</div>
                    <a th:href="@{/articleDetail(articleId=${articleRandomQuerySix.id})}" target="_blank" th:each="articleRandomQuerySix:${articleRandomQuerySix}">
                        <div class="wonderful-item-line">
                            <div class="allsee-item-left">
                                <img th:src="${articleRandomQuerySix.photoPath}" alt="有贝口腔网牙齿贴面有那些种类呢?">
                            </div>
                            <div class="allsee-item-right" th:text="${articleRandomQuerySix.title}"></div>
                        </div>
                    </a>
                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">
                        <span>推荐问答</span>
                    </div>
                    <div class="wonderful-ansewer-list">
                        <div class="ansewer-list-item" th:each="answer,answerState:${answerList}">
                            <span class="pink-bg" th:text="${answerState.count}"></span>
                            <div>
                                <a target="_blank" class="ansewer-list-title" th:href="@{/askAnswerDetail(answerId=${answer.id})}" th:text="${answer.question}"></a>
                                <div class="ansewer-list-info">
                                    <a target="_blank" th:href="@{/askAnswerDetail(answerId=${answer.id})}">
                                        <img src="./yb_system_picture/Write.png" style="width:10px;height:10px">
                                        <span class="ansewer-list-info-ansewer">回答</span>
                                    </a>
                                    <a target="_blank" th:href="@{/askAnswerDetail(answerId=${answer.id})}" th:text="${answer.answerNum+'个回答'}"></a>
                                    <span class="dotted"></span>
                                    <a target="_blank" th:href="@{/askAnswerDetail(answerId=${answer.id})}" th:text="${answer.readNum+'阅读'}"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div th:replace="public::footer"></div>

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</div>

<script type="text/javascript">
    var basePath = "/";
</script>
<script type="text/javascript" src="./yb_system_js/layer.js"></script>
<script type="text/javascript" src="./yb_system_js/right-lub.js"></script>
<script type="text/javascript" src="./yb_system_js/index.js"></script>
<script type="text/javascript" src="./yb_system_js/index(1).js"></script>
<script type="text/javascript" src="./yb_system_js/swiper.min.js"></script>
<script type="text/javascript" src="./yb_system_js/wangEditor.js"></script>
</body>
</html>